import { createStore } from 'vuex'

const moduleA = {
    state: () => {
        return {
            username: '模块a'
        }
    },
    getters: {
        changename(state) {
            return state.username + "!!!!"
        }
    }
}
const moduleB = {
    state: () => {
        return {
            username: '模块b'
        }
    },
    getters: {
        changename(state) {
            return state.username + "@@@@"
        }
    }

}
export default createStore({
    modules: {
        a: moduleA,
        b: moduleB,

    }
})



// // 创建vuex仓库的导出
// export default createStore({
//     state: {
//         // 定义数据
//         username: 'zhangsan',
//     },
//     mutations: {
//         // 改变数据
//         editename(state) {
//             state.username = 'ls'
//         }
//     },
//     actions: {
//         // 请求数据函数
//         updateName(ctx) {
//             // console.log(ctx);
//             setTimeout(() => {
//                 // console.log(ctx);
//                 ctx.commit('editename')
//             }, 3000)
//         }
//     },
//     modules: {
//         // 分模块
//     },
//     getters: {
//         // vuex的计算属性
//         newname(state) {
//             // console.log(state);
//             return state.username + '你好'
//         }
//     },
// })